<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" th:src="@{/js/require.js}"></script>
    <script type="text/javascript" th:src="@{/js/requireConfig.js}"></script>
    <script type="text/javascript" th:src="@{/js/app/BaseUser/List.js}"></script>
    <link rel="stylesheet" th:href="@{/css/sa.css}">
</head>
<body>
<div style="margin-top: -1em;"><br></div>
<div id="toolbarDemo" style="display: none">
    <div class="layui-btn-container">

    </div>
</div>
<div class="vue-box" style="display: block;">
    <div class="c-panel">
        <div class="c-title">检索参数</div>
        <form class="layui-form el-form">
            <div class="c-item">
                <label class="c-label">昵称：</label>
                <input class="layui-input layui-input-inline" name="F_NICKNAME">
            </div>
            <div class="c-item">
                <label class="c-label">用户id：</label>
                <input class="layui-input layui-input-inline" name="UUID">
            </div>
            <div class="c-item">
                <label class="c-label">手机号：</label>
                <input class="layui-input layui-input-inline" name="F_IPONE">
            </div>
            <div class="c-item">
                <label class="c-label">角色名：</label>
                <input class="layui-input layui-input-inline" name="F_STATE_NAME">
            </div>
            <div class="c-item" style="min-width: 0px;">
                <button @click="seachs()"type="button" class="layui-btn layui-input-inline layui-btn-sm">
                    <i class="layui-icon layui-icon-search"></i>
                    查询
                </button>
                <button @click="referXadmin()"type="button" class="layui-btn layui-input-inline layui-btn-normal layui-btn-sm">
                    <i class="layui-icon layui-icon-refresh"></i>
                    刷新
                </button>
            </div>
        </form>
    </div>
    <div class="c-panel">
        <div class="c-title">列表</div>
        <div class="sa-table">

        </div>
    </div>
    <div class="c-panel">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li lay-id="1" class="layui-this">新增</li>
                <li lay-id="2" >修改</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <form class="layui-form" action="" style="width: 50%;padding-top: 20px;margin-left: 25%">
                        <div class="layui-form-item">
                            <label class="layui-form-label">用户名<i class="icon-re">*</i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="F_NICKNAME" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">密码<i class="icon-re">*</i></label>
                            <div class="layui-input-inline">
                                <input type="password" name="F_PASSWORD" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">重复密码<i class="icon-re">*</i></label>
                            <div class="layui-input-inline">
                                <input type="password" name="passWord2" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">手机<i class="icon-re">*</i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="F_IPONE"  required lay-verify="required" placeholder="请输入手机号码" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">邮箱</label>
                            <div class="layui-input-inline">
                                <input type="text" name="F_EMIL"   placeholder="请输入邮箱地址" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">状态<i class="icon-re">*</i></label>
                            <div class="layui-input-block" style="padding-top: 5px">
                                <input type="checkbox" name="F_STATUS" lay-skin="switch" lay-text="ON|OFF">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">角色<i class="icon-re">*</i></label>
                            <div class="layui-input-inline">
                                <input type="text" @focus="xz_state($event)" name="F_STATE_NAME" required  lay-verify="required" placeholder="请选择角色" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="layui-tab-item">
                    <form class="layui-form" action="" style="width: 50%;padding-top: 20px;margin-left: 25%">
                        <div class="layui-form-item">
                            <label class="layui-form-label">用户名<i class="icon-re">*</i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="F_NICKNAME" v-bind:value="th.F_NICKNAME" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">密码<i class="icon-re">*</i></label>
                            <div class="layui-input-inline">
                                <input type="password" name="F_PASSWORD" v-bind:value="th.F_PASSWORD" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">重复密码<i class="icon-re">*</i></label>
                            <div class="layui-input-inline">
                                <input type="password" name="passWord2" v-bind:value="th.F_PASSWORD" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">手机<i class="icon-re">*</i></label>
                            <div class="layui-input-inline">
                                <input type="text" name="F_IPONE" v-bind:value="th.F_IPONE"  required lay-verify="required" placeholder="请输入手机号码" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">邮箱</label>
                            <div class="layui-input-inline">
                                <input type="text" name="F_EMIL" v-bind:value="th.F_EMIL"   placeholder="请输入邮箱地址" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">状态<i class="icon-re">*</i></label>
                            <div class="layui-input-block" style="padding-top: 5px">
                                <input type="checkbox" v-if="th.F_STATUS=='0'" checked name="F_STATUS"  lay-skin="switch" lay-text="ON|OFF">
                                <input type="checkbox" v-if="th.F_STATUS=='1'"  name="F_STATUS"  lay-skin="switch" lay-text="ON|OFF">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">角色<i class="icon-re">*</i></label>
                            <div class="layui-input-inline">
                                <input type="text" @focus="xz_state($event)" v-bind:value="th.F_STATE_NAME" v-bind:uuid="th.F_STATE"  name="F_STATE_NAME1" required  lay-verify="required" placeholder="请选择角色" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="formDemos">立即提交</button>
                                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>